<template>
  <div class="Value">
    <div class="value-title">
      <span class="value-l1">超值折扣推荐</span>
      <img class="value-img" src="../../assets/img/more.png" alt="">
    </div>
    <div class="value-recommend">
      <div class="recommend-img clearfix">
        <img src="../../assets/img/mnav.jpg" alt="">
      </div>
      <div class="recommend-des">
        <div class="recommend-t1 ">慢友专享-抵现红包：广州酒家 豆沙青团 240g*3盒 （含赠青团1盒）
          <br>
          <span class="recommend-t2" >18.9元包邮（1.7元红包+3元优惠券+满减5元，限量650份）</span> </div>
        <span class="recommend-t3  ">天猫旗舰店|04-11 19:20</span>
      </div>
    </div>
  </div>
</template>
<script>
import axios from 'axios'
export default {
  name: 'HomeValue',
  created () {
    axios({
      method: 'get',
      url: 'http://192.168.1.30:9090/api/getmoneyctrl'
    }).then(res => {
      console.log(res.data)
      this.navList = res.data.result
    })
  }
}
</script>

<style lang="less" scoped>
.Value{
  padding-top: .1rem /* 5/50 */;
  .value-title{
    height: .7rem /* 35/50 */;
    background-color: #ff9000;
    line-height: .7rem;
    .value-l1{
      color: #fff;
      font-size: .4rem /* 20/50 */;
      padding-left: .2rem /* 10/50 */;
    }
    .value-img{
      width: .4rem /* 20/50 */;
      height: .4rem /* 20/50 */;
      float: right;
      margin-right: .2rem /* 10/50 */;
      margin-top: .16rem /* 8/50 */;
    }
  }
  .value-recommend{
    height: 2rem /* 100/50 */;
    width: 100%;
    border-bottom: .02rem /* 1/50 */ solid #cccccc;
    padding-bottom: .2rem /* 10/50 */;
    .recommend-img{
      width: 100px;
      height: 100px;
      float: left;
      img{
        width: 2rem /* 100/50 */;
        height: 2rem /* 100/50 */;
        margin: .1rem ;
      }
    }
    .recommend-des{

      .recommend-t1{
        padding: .2rem /* 10/50 */;
        .recommend-t2{
          color:#ff9000;
        }
      }
    }
  }
}

 .clearfix:after{
       display:block;
       clear:both;
       content:"";
       visibility:hidden;
       height:0}
   .clearfix{zoom:1}
</style>
